@charset "utf-8";
.common-pc-nav{
	position: fixed;
	width: 100%;
	height: 72px;
	z-index: 21;
	transition: all linear 0.2s;
	top: 0;
	left: 0;
	padding: 0 38px;
	font-size: 0;
	background: rgba(0,0,0,.8)
}
.common-pc-nav::after{
	clear: both;
	display: block;
	content: ""
}
.common-pc-nav.isFixed{
	background: rgba(0,0,0,.8);
}
.common-pc-nav .logo-area{
	float: left;
	line-height: 72px
}
.common-pc-nav .pc-nav-wrap{
	float: right;
	font-size: 0;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content{
	display: inline-block;
	vertical-align: middle;
	padding:0 14px;
	position: relative;
	cursor: pointer;
	margin-right: 35px;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content > a{
	line-height: 72px;
	font-size: 16px;
	color: #fff;
	font-weight: bold
}
.common-pc-nav .pc-nav-wrap .pc-nav-content.active > a{
	color: #e75513
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .dropdown-new{
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	background: rgba(0,0,0,.8);
	transition: all ease-out 0.3s;
	pointer-events: none;
	opacity: 0;
}
.common-pc-nav .pc-nav-wrap .pc-nav-content:hover .dropdown-new{
	opacity: 1;
	pointer-events: auto;
	top: 100%
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .dropdown-new a{
	display: block;
	white-space: nowrap;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0 20px
}
.common-pc-nav .pc-nav-wrap .pc-nav-content .dropdown-new a:hover{
	background: #000;
	color: #e75513;
}
.common-pc-nav .dropdown-wrap{
	position: absolute;
	top: -30px;
	left: 0;
	background: #131313;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-out 0.3s
}
.common-pc-nav:hover .dropdown-wrap{
	opacity: 1;
	pointer-events: auto;
	top: 0
}
.common-pc-nav .dropdown-wrap .header-area{
	height: 116px;
	border-bottom: 1px solid #222;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px
}
.common-pc-nav .dropdown-wrap .header-area .right-area{
	font-size: 34px;
	font-weight: lighter;
	color: #fff;
	/* font-style: italic; */
	background: url(../images/icon-phone.png) no-repeat left center;
	padding-left: 40px;
	font-weight: 600;
}
.common-pc-nav .dropdown-wrap .nav-area{
	padding: 35px 25px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.common-pc-nav .dropdown-wrap .nav-area .nav-content a{
	display: block;
	font-size: 14px;
	color: #888;
	line-height: 28px;
}
.common-pc-nav .dropdown-wrap .nav-area .nav-content a:hover{
	color: #ea5514
}
.common-pc-nav .dropdown-wrap .nav-area .nav-content a:first-of-type{
	color: #fff;
	border-bottom: 1px solid #2f2f2f;
	font-size: 16px;
	display: inline-block;
	padding-bottom: 12px;
	margin-bottom: 8px;
	position: relative
}
.common-pc-nav .dropdown-wrap .nav-area .nav-content a:first-of-type i{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 1px;
	background: #888
}
.common-pc-nav .phone-area{
	float: right;
	line-height: 72px;
}
.common-pc-nav .phone-area em{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	padding-left: 20px;
	color: #fff;
	background: url(../images/icon-phone.png) no-repeat left center;
	background-size: 14px
}
.index-banner-wrap img{
	display: block;
	width: 100%;
}
.index-banner-wrap .swiper-button-prev,.index-banner-wrap .swiper-button-next{
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin-top: -27px;
	background: rgba(85,85,85,.45);
	transition: all linear 0.2s;
	text-align: center;
	font-size: 0;
	outline: none;
}
.index-banner-wrap .swiper-button-prev:hover,.index-banner-wrap .swiper-button-next:hover{
	background: #e75513
}
.index-banner-wrap .swiper-button-prev img{
	transform: rotate(180deg);
}
.index-banner-wrap .swiper-button-prev img,.index-banner-wrap .swiper-button-next img{
	width: 11px;
	display: inline-block
}
.index-banner-wrap .swiper-button-prev{
	left: 7.7%
}
.index-banner-wrap .swiper-button-next{
	right: 7.7%
}
.index-model1{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.index-model1 .model1-content{
	width: 16.6667%;
	height: 335px;
	position: relative;
	background: #2d2d2d;
	padding: 25px 0 0 30px;
	transition: all ease-out 0.3s;
	overflow: hidden;
}
.index-model1 .model1-content:nth-of-type(2n){
	background: #333;
}
.index-model1 .model1-content:hover{
	background: #e75513
}
.index-model1 .model1-content img{
	position: absolute;
	right: -30px;
	bottom: -35px
}
.index-model1 .model1-content .text-area h3{
	font-size: 20px;
	color: #fff;
	line-height: 24px;
}
.index-model1 .model1-content .text-area p{
	font-size: 12px;
	line-height: 15px;
	color: #888;
	transition: all ease-out 0.3s;
	margin-top: 12px
}
.index-model1 .model1-content:hover .text-area p{
	color: #fff
}
.common-padding{
	padding: 105px 15px 80px;
}
.common-title{
	text-align: center;
}
.common-title h3{
	font-size: 40px;
	line-height: 42px;
}
.common-title h3 b.mode2{
	color: #e75513
}
.common-title i{
	display: block;
	margin: 26px auto;
	width: 55px;
	height: 2px;
	background: #e75513;
}
.common-title p{
	font-size: 16px;
	line-height: 28px;
	width: 920px;
	max-width: 92vw;
	margin: auto;
}
.common-title.mode3 h3{
	font-size: 2.5rem;
	line-height: 2.6rem
}
.model2-wrap{
	margin: 5rem auto;
	width: 1120px;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.model2-wrap a{
	width: 25%;
	height: 138px;
	border-right: 1px solid #d8d8d8;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.model2-wrap a span{
	display: inline-block;
	font-size: 1.66rem;
	color: #333;
}
.model2-wrap a:nth-of-type(1){
	background: url(../images/icon-index-tab1-1.png) no-repeat center top;
}
.model2-wrap a:nth-of-type(1):hover{
	background: url(../images/icon-index-tab1-2.png) no-repeat center top;
}
.model2-wrap a:nth-of-type(2){
	background: url(../images/icon-index-tab2-1.png) no-repeat center top;
}
.model2-wrap a:nth-of-type(2):hover{
	background: url(../images/icon-index-tab2-2.png) no-repeat center top;
}
.model2-wrap a:nth-of-type(3){
	background: url(../images/icon-index-tab3-1.png) no-repeat center 12px;
}
.model2-wrap a:nth-of-type(3):hover{
	background: url(../images/icon-index-tab3-2.png) no-repeat center 12px;
}
.model2-wrap a:nth-of-type(4){
	border: none;
	background: url(../images/icon-index-tab4-1.png) no-repeat center 10px;
}
.model2-wrap a:nth-of-type(4):hover{
	background: url(../images/icon-index-tab4-2.png) no-repeat center 10px;
}
.btn-more-wrap{
	text-align: center;
}
.btn-more-wrap.mode2{
	text-align: left
}
.btn-more-wrap a{
	display: inline-block;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.16rem;
	color: #fff;
	padding: 0 4rem;
	background: #333;
}
.btn-more-wrap a:hover{
	background: #e75513
}
.index-model3{
	background: #f8f8f8
}
.model3-wrap{
	position: relative;
	margin: 5rem auto 0;
	width: 1214px;
	max-width: 100%
}
.model3-wrap .gallery-top{
	float: left;
	height: 514px;
	width: 82%;
	position: relative;
	z-index: 2;
}
.model3-left-content{
	width: 100%;
	height: 100%;
	border-right: 1px solid #cbcbcb
}
.model3-left-content .img-area{
	height: 100%;
	display: inline-block;
	vertical-align: top
}
.model3-left-content .img-area img{
	max-height: 100%;
	max-width: 600px;
	display: block
}
.model3-left-content .text-area{
	display: inline-block;
	vertical-align: top;
	width: 280px;
	max-width: 100%;
	margin: 5rem 0 0 4rem
}
.model3-left-content .text-area h3{
	font-size: 2rem;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.model3-left-content .text-area p{
	font-size: 1.16rem;
	line-height: 2rem;
	color: #888;
	margin-top: 2.5rem;
	max-height: 12rem;
	overflow: hidden
}
.model3-left-content .text-area .btn-more-wrap{
	margin-top: 9.5rem;
}
.model3-wrap .gallery-thumbs{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 180px;
	height: 100%;
	padding: 35px 0
}
.model3-wrap .gallery-thumbs .gallery-thumbs-prev,.model3-wrap .gallery-thumbs .gallery-thumbs-next{
	position: absolute;
	left: 0;
	cursor: pointer;
	z-index: 3;
	background: #f8f8f8;
	height: 35px;
	line-height: 35px;
	outline: none;
	width: 100%;
	text-align: center
}
.model3-wrap .gallery-thumbs .gallery-thumbs-prev{
	top: -12px
}
.model3-wrap .gallery-thumbs .gallery-thumbs-prev img{
	transform: rotate(180deg)
}
.model3-wrap .gallery-thumbs .gallery-thumbs-next{
	bottom: -8px
}
.model3-right-content{
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}
.model3-right-content img{
	max-height: 70%;
	max-width: 70%;
}
.index-model4{
	height: 626px;
	background: url(../images/bg-sucai1.jpg) no-repeat center;
	background-size: auto 100%;
	background-attachment: fixed;
	position: relative;
}
.index-model4 a{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.index-model4 a h3{
	font-size: 40px;
	color: #fff;
}
.index-model4 a img{
	display: inline-block;
	margin-top: 2.6rem
}
.model5-wrap{
	margin: 5rem auto;
	width: 1120px;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.model5-wrap a{
	width: 20%;
	height: 188px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	text-align: center
}
.model5-wrap a span{
	display: inline-block;
	font-size: 1.66rem;
	color: #333;
	line-height: 2rem;
	font-weight: 500
}
.model5-wrap a h5{
	line-height: 1.6rem;
	font-size: 14px;
	color: #888888;
	margin-top: 2px;
	font-weight: 200
}
.model5-wrap a:hover span,.model5-wrap a:hover h5{
	color: #e75513
}
.model5-wrap a:nth-of-type(1){
	background: url(../images/icon-index-ac1-1.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(1):hover{
	background: url(../images/icon-index-ac1-2.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(2){
	background: url(../images/icon-index-ac2-1.png) no-repeat center 15px;
}
.model5-wrap a:nth-of-type(2):hover{
	background: url(../images/icon-index-ac2-2.png) no-repeat center 15px;
}
.model5-wrap a:nth-of-type(3){
	background: url(../images/icon-index-ac3-1.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(3):hover{
	background: url(../images/icon-index-ac3-2.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(4){
	background: url(../images/icon-index-ac4-1.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(4):hover{
	background: url(../images/icon-index-ac4-2.png) no-repeat center top;
}
.model5-wrap a:nth-of-type(5){
	background: url(../images/icon-index-ac5-1.png) no-repeat center 5px;
}
.model5-wrap a:nth-of-type(5):hover{
	background: url(../images/icon-index-ac5-2.png) no-repeat center 5px;
}
.index-model6{
	background: #efefef url(../images/bg-sucai2.png) no-repeat center 160px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}
.model6-wrap{
	margin: 5.5rem auto 4rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.model6-wrap a{
	width: 25%;
	height: 400px;
	position: relative;
}
.model6-wrap a img{
	display: block;
	width: 100%;
	height: 100%;
}
.model6-wrap a .text-bg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(34,34,34,.7);
	overflow: hidden;
	transition: all ease-out 0.3s
}
.model6-wrap a:hover .text-bg{
	height: 100%;
	background: rgba(0,0,0,.3);
}
.model6-wrap a.active .text-bg{
	height: 100%;
	background: #e75513;
}
.model6-wrap a .text-bg .text-area{
	text-align: left;
}
.model6-wrap a.active .text-bg .text-area, .model6-wrap a:hover .text-bg .text-area{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
}
.model6-wrap a .text-bg .text-area h3{
	font-size: 1.33rem;
	color: #fff;
	padding: 0 2.5rem;
	line-height: 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.model6-wrap a.active .text-bg .text-area h3, .model6-wrap a:hover .text-bg .text-area h3{
	font-size: 1.66rem;
	line-height: 2rem
}
.model6-wrap a .text-bg .text-area p{
	font-size: 1.16rem;
	color: #fff;
	line-height: 1.8rem;
	max-height: 18rem;
	overflow: hidden;
	margin: 0.7rem auto 1.5rem
}
.model6-wrap a .text-bg .text-area span{
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 2.5rem;
	border: 1px solid rgba(255,255,255,.62);
	color: #fff;
	font-size: 1.16rem;
}
.model7-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 0 3.33rem;
	border-left: 1px solid #e9e9e9
}
.model7-wrap a{
	width: 50%;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	padding: 1.66rem;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.model7-wrap a:nth-of-type(1),.model7-wrap a:nth-of-type(2){
	border-top: 1px solid #e9e9e9
}
.model7-wrap a .img-area{
	width: 162px;
	height: 118px;
	border: 1px solid #e9e9e9;
}
.model7-wrap a .img-area img{
	display: block;
	width: 100%;
	height: 100%
}
.model7-wrap a .text-area{
	width: 70%
}
.model7-wrap a .text-area h5{
	font-size: 1rem;
	color: #888888;
	line-height: 1rem;
}
.model7-wrap a .text-area h3{
	font-size: 1.33rem;
	line-height: 1.6rem;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-weight: bold;
	margin: 1rem 0
}
.model7-wrap a .text-area p{
	font-size: 1.16rem;
	line-height: 1.7rem;
	height: 5.1rem;
	overflow: hidden;
	color: #888
}
.index-model8{
	background: #f8f8f8
}
.index-model8.mode2{
	background: #fff
}
.model8-wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #e75513;
	height: 298px;
	margin-top: 5rem;
	margin-bottom: -220px;
	position: relative;
	z-index: 3
}
.bianjiqu4{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 5rem;
	margin-bottom: -100px;
	position: relative;
	z-index: 3
}
.model8-wrap .model8-content{
	width: 25%;
	height: 100%;
	border-right: 1px solid #e9662a;
	text-align: center;
	padding: 0 3rem;
}
.bianjiqu4 .bianjiqu4-content{
	width: 25%;
	height: 100%;
	text-align: center;
	padding: 0px 3rem 8rem 3rem;
}
.model8-wrap .model8-content:last-of-type{
	border-right: none
}
.model8-wrap .model8-content .img-area{
	line-height: 44px;
	padding-top: 40px;
	font-size: 0
}
.model8-wrap .model8-content .img-area img{
	display: inline-block;
	vertical-align: middle;
	max-width: 8vw
}
.model8-wrap .model8-content h3{
	font-size: 1.66rem;
	color: #fff;
	line-height: 2rem;
	margin-top: 1rem
}
.model8-wrap .model8-content p{
	font-size: 14px;
	line-height: 19px;
	color: #fff;
	margin: 2rem auto;
}
.model8-wrap .model8-content a{
	display: inline-block;
	width: 146px;
	height: 38px;
	line-height: 38px;
	border: 1px solid rgba(255,255,255,.07);
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 6px
}
.model8-wrap .model8-content a:hover{
	background: rgba(255,255,255,.07);
}
.common-footer{
	background: #161616;
	border-bottom: 1px solid #252525;
	padding: 190px 15px 40px;
}
.common-footer .logo-area{
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 15px
}
.common-footer .logo-area .text-area{
	border-left: 1px solid #252525;
	padding-left: 1.9rem;
	margin-left: 1.9rem
}
.common-footer .logo-area .text-area h3{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #fff;
}
.common-footer .logo-area .text-area a{
	font-size: 34px;
	line-height: 44px;
	font-weight: bold;
	font-style: italic;
	color: #e75513
}
.common-footer .erweima-area{
	float: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.common-footer .erweima-area .erweima-content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 2.5rem;
}
.common-footer .erweima-area .erweima-content .text-area{
	margin-left: 10px
}
.common-footer .erweima-area .erweima-content h3{
	font-size: 1.16rem;
	color: #ddd;
}
.common-footer .erweima-area .erweima-content h4{
	font-size: 1.16rem;
	color: #e75513;
}
.footer-nav-wrap{
	background: #161616;
	padding: 45px 15px 60px;
}
.footer-nav-wrap .nav-area{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 28px
}
.footer-nav-wrap .nav-area .nav-content a{
	display: block;
	font-size: 14px;
	color: #888;
	line-height: 28px;
}
.footer-nav-wrap .nav-area .nav-content a:hover{
	color: #ea5514
}
.footer-nav-wrap .nav-area .nav-content a:first-of-type{
	color: #fff;
	border-bottom: 1px solid #2f2f2f;
	font-size: 16px;
	display: inline-block;
	padding-bottom: 12px;
	margin-bottom: 8px;
	position: relative
}
.footer-nav-wrap .nav-area .nav-content a:first-of-type i{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 1px;
	background: #888
}
.copy-footer{
	background: #252525;
	padding: 3.5rem 15px;
}
.copy-footer span,.copy-footer a{
	font-size: 1rem;
	color: #666;
}
.copy-footer .text-area{
	float: left
}
.copy-footer .design-area{
	float: right
}
.copy-footer .design-area em{
	text-decoration: underline !important
}
.undefined-outer-wrap{
	width: 100%;
	height: 100%;
	background: #000 url(../images/404.jpg) no-repeat center bottom
}
.undefined-wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.undefined-wrap h2{
	font-size: 200px;
	font-weight: bold;
	line-height: 200px;
	color: #eb6112
}
.undefined-wrap h3{
	font-size: 38px;
	color: #fff;
	line-height: 40px;
}
.undefined-wrap a{
	display: inline-block;
	height: 48px;
	line-height: 48px;
	background: #eb6112;
	color: #fff;
	padding: 0 40px;
	font-size: 18px;
	margin-top: 52px
}
.inner-nav-wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.inner-nav-wrap a{
	flex: 1;
	background: rgba(42,42,42,.8);
	font-size: 1.66rem;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
.inner-nav-wrap a:nth-of-type(2n){
	background: rgba(42,42,42,.5)
}
.inner-nav-wrap a.active,.inner-nav-wrap a:hover{
	background: #e75513 !important;
}
.list-title-wrap{
	text-align: center;
	padding: 4.3rem 0
}
.list-title-wrap h2{
	font-size: 3.33rem;
	line-height: 4rem;
}
.list-title-wrap i{
	display: block;
	margin: 2rem auto 0;
	width: 5rem;
	height: 2px;
	background: #e75513;
}
.list-title-wrap .edit-wrap{
	font-size: 1.33rem;
	line-height: 2.5rem;
	color: #444;
	width: 956px;
	max-width: 100%;
	margin: 3rem auto 0;
}
.product-list-wrap{
	background: url(../images/img-shadow.png) no-repeat center top;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-bottom: 5rem;
	flex-wrap: wrap
}
.product-list-wrap a{
	width: 33.3334%;
	text-align: center;
	margin-top: 4.5rem;
	padding: 1.33rem 0;
	border: 2px solid transparent;
}
.product-list-wrap a img{
	display: inline-block;
	height: 320px;
	max-width: 90%;
	transition: all linear 0.2s
}
.product-list-wrap a h3{
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.2rem;
	color: #333;
	transition: all linear 0.2s;
	text-align: left;
	padding: 1rem 4.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-list-wrap a p{
	font-size: 1.16rem;
	line-height: 1.9rem;
	height: 3.8rem;
	overflow: hidden;
	color: #888;
	text-align: left;
	padding: 0 4.8rem
}
.product-list-wrap a:hover{
	border: 2px solid #e75513
}
.product-list-wrap a:hover img{
	transform: scale(1.05)
}
.product-list-wrap a:hover h3{
	color: #e75513
}
.inner-banner-wrap img{
	display: block;
	width: 100%
}
.inner-banner-wrap .banner-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 11;
	font-size: 33px;
	color: #fff;
}
.product-detail-wrap{
	background: url(../images/img-shadow.png) no-repeat center top;
	padding: 7.5rem 0 5rem;
	position: relative
}
.product-detail-wrap .left-area{
	position: absolute;
	top: 75px;
	left: 0;
	width: 266px;
}
.product-detail-wrap .left-area .left-content{
	height: 112px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #c3c3c3;
	cursor: pointer
}
.product-detail-wrap .left-area .left-content .text-area{
	width: 165px;
}
.product-detail-wrap .left-area .left-content .text-area span{
	display: block;
	font-size: 1.33rem;
	line-height: 1.66rem;
	color: #888
}
.product-detail-wrap .left-area .left-content .text-area h3{
	font-size: 2.1rem;
	color: #000;
	margin-top: 0.7rem;
	position: relative;
	display: inline-block;
	transition: all linear 0.2s
}
.product-detail-wrap .left-area .left-content .text-area.mode2 h3{
	max-width: 93%;
}
.product-detail-wrap .left-area .left-content .text-area i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -5px;
	font-family: "宋体", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	transition: all linear 0.2s;
	opacity: 0;
}
.product-detail-wrap .left-area .left-content:hover .text-area h3{
	color: #f75513
}
.product-detail-wrap .left-area .left-content:hover .text-area i{
	right: -25px;
	opacity: 1;
	color: #f75513
}
.product-detail-wrap .left-area .left-content:hover .text-area.mode2 i{
	right: -17px
}
.product-detail-wrap .right-area{
	width: 964px;
	max-width: 100%;
	float: right
}
.detail-title-area{
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 1.5rem;
	position: relative;
}
.detail-title-area::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 114px;
	height: 2px;
	background: #f75513
}
.detail-title-area span{
	font-size: 2.1rem;
	line-height: 2.1rem;
	display: inline-block;
}
.detail-img-list{
	padding: 75px 0 0;
}
.detail-img-list .content-area{
	float: left;
	width: 25%;
	position: relative;
	border-right: 1px solid #d8d8d8;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	margin-bottom: 5rem;
	height: 90px
}
.detail-img-list .content-area:last-of-type{
	border: none
}
.detail-img-list .content-area img{
	display: block;
	max-width: 90%;
	max-height: 95%;
	margin: auto
}
.detail-img-list .content-area h4{
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	color: #444;
	margin-top: 1.3rem;
	height: 2rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.detail-pages{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail-pages a{
	width: 49.17%;
	height: 106px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.5rem 0 1.5rem;
	background: #f7f7f7;
}
.detail-pages a span{
	font-size: 1.33rem;
	color: #444;
	transition: all linear 0.2s;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.detail-pages a:hover span{
	color: #f75513
}
.detail-pages a img{
	max-height: 90px
}
.detail-bottom-wrap{
	background: #efefef;
	padding: 90px 15px 30px
}
.list-app-wrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.list-app-wrap a{
	width: 32.15%;
	margin: 0 1.775% 2.5rem 0;
}
.list-app-wrap a:nth-of-type(3n){
	margin-right: 0
}
.list-app-wrap a .img-area{
	height: 220px;
	line-height: 220px;
	font-size: 0;
	background: #efefef;
	text-align: center;
}
.list-app-wrap a .img-area img{
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
	max-height: 80%
}
.list-app-wrap a .text-area{
	border: 1px solid #e5e5e5;
	height: 52px;
	text-align: center;
	padding: 0 15px
}
.list-app-wrap a .text-area h3{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 52px;
	font-size: 1.33rem;
}
.honor-list-wrap a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 65px;
	margin-bottom: 1.5rem;
	padding: 0 3rem;
	border-radius: 8px;
	background: #f0f0f0
}
.honor-list-wrap a span{
	display: inline-block;
	font-size: 1.33rem;
	color: #333;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.honor-list-wrap a i{
	width: 36px;
	height: 30px;
	background: url(../images/icon-img.png) no-repeat center;
	background-size: 100% 100%;
	transition: all linear 0.2s;
}
.honor-list-wrap a:hover{
	background: #e75513;
}
.honor-list-wrap a:hover span{
	color: #fff
}
.honor-list-wrap a:hover i{
	background: url(../images/icon-img2.png) no-repeat center;
	background-size: 100% 100%;
}
.image-window-bg{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 31;
	background: rgba(0,0,0,.9);
	width: 100%;
	height: 0;
	opacity: 0;
	pointer-events: none;
	transition: all ease-out 0.3s
}
.image-window-bg.active{
	opacity: 1;
	height: 100%;
	pointer-events: auto;
}
.image-window{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	padding: 70px 90px;
	max-width: 92%;
	max-height: 92%;
	overflow-y: auto;
	overflow-x: hidden;
}
.image-window img{
	display: block;
	margin: auto;
	max-width: 100%
}
.image-window i{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	border-radius: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 36px;
	font-weight: lighter;
	cursor: pointer
}
.news-content-wrap{
	width: 100%;
	padding: 50px;
	border-radius: 8px;
	border: 2px solid transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background: #fff;
	margin-bottom: 3.5rem
}
.news-content-wrap.first-type{
	background: none;
	padding-top: 0;
	margin-bottom: 0
}
.news-content-wrap .img-area{
	width: 31.16%;
	height: 275px;
	border: 1px solid #e9e9e9;
	overflow: hidden
}
.news-content-wrap .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.news-content-wrap .text-area{
	width: 64.71%;
}
.news-content-wrap .text-area i{
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #fff;
	padding: 0 1.66rem;
	font-size: 1.66rem;
	background: #e75513;
	border-radius: 6px
}
.news-content-wrap .text-area h3{
	line-height: 2.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444;
	padding: 0 0 1.8rem;
	transition: all linear 0.2s;
	font-size: 2.16rem;
}
.news-content-wrap.first-type .text-area h3{
	font-weight: bold;
	padding-top: 2.5rem;
	font-size: 2.5rem;
}
.news-content-wrap .text-area h4{
	font-size: 1.16rem;
	line-height: 1.5rem;
	color: #888;
	margin-bottom: 2rem
}
.news-content-wrap.first-type .text-area h4{
	margin-bottom: 3.5rem;
	font-size: 1.33rem
}
.news-content-wrap .text-area p{
	font-size: 1.33rem;
	line-height: 2rem;
	color: #888;
	max-height: 6rem;
	overflow: hidden;
}
.news-content-wrap:hover .img-area img{
	transform: scale(1.1)
}
.news-content-wrap:not(.first-type):hover{
	border: 2px solid #e75513
}
.news-content-wrap.first-type:hover .text-area h3{
	color: #e75513
}
.news-list-wrap{
	padding: 5rem 0;
}
.detail-news-wrap{
	padding: 4rem 0
}
.detail-news-left{
	float: left;
	width: 20.7%;
}
.detail-news-left > h3{
	font-size: 2.16rem;
	line-height: 2.2rem;
	color: #444;
	padding: 0 1.7rem 1.5rem
}
.detail-news-left .left-list{
	border: 1px solid #e9e9e9
}
.detail-news-left .left-list a{
	padding: 1.8rem 1.8rem 2.5rem;
	display: block;
	width: 100%;
	border-bottom: 1px solid #e9e9e9
}
.detail-news-left .left-list a:last-of-type{
	border: none
}
.detail-news-left .left-list a .img-area{
	width: 100%;
	height: 155px;
	overflow: hidden;
	border: 1px solid #e9e9e9
}
.detail-news-left .left-list a .img-area img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all linear 0.2s
}
.detail-news-left .left-list a:hover .img-area img{
	transform: scale(1.1)
}
.detail-news-left .left-list a .text-area h4{
	font-size: 1rem;
	line-height: 1.2rem;
	padding: 1rem 0;
	color: #888;
}
.detail-news-left .left-list a .text-area h3{
	font-size: 1.33rem;
	line-height: 1.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #444;
}
.detail-news-right{
	float: right;
	width: 71.84%
}
.news-title-wrap{
	text-align: center;
	margin-top: -0.4rem
}
.news-title-wrap h1{
	font-size: 3rem;
	color: #444;
	line-height: 4rem
}
.news-title-wrap h4{
	font-size: 1.33rem;
	line-height: 1.5rem;
	color: #888;
	padding: 1.66rem 0
}
.contact-map{
	height: 430px;
}
.contact-map img{
	max-width: none
}
.contact-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3.5rem 1.6rem;
	border-bottom: 1px solid #e7e7e7
}
.contact-wrap .contact-content{
	line-height: 44px;
	font-size: 0
}
.contact-wrap .contact-content img,.contact-wrap .contact-content span,.contact-wrap .contact-content a,.contact-wrap .contact-content em{
	display: inline-block;
	vertical-align: middle;
}
.contact-wrap .contact-content span{
	font-size: 1.66rem;
	color: #e75513;
	margin: 0 1.5rem;
	font-style: italic
}
.contact-wrap .contact-content a{
	font-size: 2rem;
	font-weight: bold;
	font-style: italic;
	color: #e75513
}
.contact-wrap .contact-content em{
	font-size: 1.66rem;
	font-style: italic
}
.contact-title-wrap{
	text-align: center;
	padding: 4.3rem 0
}
.contact-title-wrap h2{
	font-size: 2.5rem;
	line-height: 3rem;
}
.contact-title-wrap i{
	display: block;
	margin: 1.8rem auto;
	width: 5rem;
	height: 2px;
	background: #e75513;
}
.contact-title-wrap h4{
	font-size: 1.33rem;
	line-height: 2.4rem;
}
.job-content{
	text-align: center;
}
.job-content h4{
	font-size: 1.33rem;
	line-height: 1.5rem;
	margin: 3rem auto 1rem
}
.job-content h5{
	font-size: 1.7rem;
	line-height: 2rem;
	color: #e75513
}
.history-wrap{
	position: relative;
	width: 964px;
	max-width: 100%;
	margin: auto;
	padding-bottom: 50px
}
.history-wrap .line-area{
	position: absolute;
	left: 170px;
	top: 0;
	height: 100%;
	width: 1px;
	background: #dbdbdb;
}
.history-wrap .line-area img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	max-width: none;
	background: #fff;
	padding-bottom: 5px
}
.history-date .title-area{
	margin: 3rem 0 2rem
}
.history-date:nth-of-type(1) .title-area{
	margin-top: 0
}
.history-date .title-area h3{
	display: inline-block;
	font-size: 2.5rem;
	line-height: 30px;
	font-weight: 300;
	color: #e75513;
	position: relative;
	cursor: pointer;
	margin-top: 5px;
	border-bottom: 1px solid #e75513;
	letter-spacing: 2px
}
.history-date .title-area h3 i{
	position: absolute;
	top: 50%;
	right: -25px;
	margin-top: -4px;
	border-top: 8px solid #e75513;
	border-left: 4.5px solid transparent;
	border-right: 4.5px solid transparent;
}
.history-date .content-area{
	padding: 0.5rem 0;
	font-size: 0;
	position: relative;
	z-index: 2
}
.history-date .content-area span{
	display: inline-block;
	vertical-align: top;
	text-align: right;
	line-height: 30px;
	position: relative;
	font-size: 1.33rem;
	padding-right: 60px;
	width: 200px
}
.history-date .content-area span img{
	position: absolute;
	right: 20px;
	top: 4px
}
.history-date .content-area p{
	display: inline-block;
	vertical-align: top;
	width: 760px;
	max-width: 100%;
	font-size: 1.33rem;
	line-height: 2.5rem;
}


@media (max-width:1280px) {
	.common-padding{
		padding: 8vw 15px 6vw
	}
	.index-banner-wrap .swiper-button-prev, .index-banner-wrap .swiper-button-next{
		width: 4vw;
		height: 4vw;
		line-height: 4vw;
		margin-top: -4vw
	}
	.index-banner-wrap .swiper-button-prev{
		left: 0vw
	}
	.index-banner-wrap .swiper-button-next{
		right: 0vw
	}
	.index-banner-wrap .swiper-button-prev img,.index-banner-wrap .swiper-button-next img{
		width: 1vw
	}
	.index-model1{
		flex-wrap: wrap
	}
	.index-model1 .model1-content{
		width: 50%;
		height: 58vw;
		padding: 4vw
	}
	.index-model1 .model1-content .text-area{
		position: relative;
		z-index: 2
	}
	.index-model1 .model1-content .text-area h3{
		font-size: 4vw;
		line-height: 5vw;
	}
	.index-model1 .model1-content .text-area p{
		font-size: 3.2vw;
		line-height: 4.2vw;
		margin-top: 2vw
	}
	.common-title h3{
		font-size: 5vw;
		line-height: 6vw;
	}
	.common-title i{
		margin: 4vw auto
	}
	.common-title p{
		font-size: 3.46vw;
		line-height: 5.5vw;
	}
	.model2-wrap,.model5-wrap,.model6-wrap{
		margin: 6vw auto;
		flex-wrap: wrap
	}
	.model2-wrap a{
		width: 50%;
		border: none;
		margin-bottom: 3vw;
		background-size:auto 12vw !important;
		height: 22vw
	}
	.model2-wrap a span{
		font-size: 3.46vw;
	}
	.model3-wrap .gallery-top{
		float: none;
		width: 100%;
		height: auto;
	}
	.model3-wrap .gallery-thumbs{
		position: relative;
		width: 100%;
		padding: 2vw 0 8vw;
		height: 39vw
	}
	.model3-left-content{
		border: none;
	}
	.model3-left-content .img-area{
		display: block;
		width: 100%;
		padding: 0 13vw;
	}
	.model3-left-content .text-area{
		display: block;
		width: 100%;
		margin: 4vw auto;
	}
	.model3-left-content .img-area img{
		display: block;
		width: 100%
	}
	.model3-left-content .text-area p,.model3-left-content .text-area .btn-more-wrap{
		margin-top: 4vw
	}
	.model3-wrap .gallery-thumbs .gallery-thumbs-prev,.model3-wrap .gallery-thumbs .gallery-thumbs-next{
		width: auto;
		height: auto;
		top: auto;
		bottom: 0;
		left: auto;
		background: none
	}
	.model3-wrap .gallery-thumbs .gallery-thumbs-prev{
		transform: rotate(-90deg);
		left: 40%
	}
	.model3-wrap .gallery-thumbs .gallery-thumbs-next{
		transform: rotate(-90deg);
		right: 40%
	}
	.index-model4{
		height: 50vw;
		background-attachment: inherit;
	}
	.index-model4 a h3{
		font-size: 5vw;
		white-space: nowrap
	}
	.index-model4 a img{
		margin-top: 4vw;
		width: 10vw
	}
	.model5-wrap a{
		width: 50%;
		border: none;
		margin-bottom: 3vw;
		background-size:auto 12vw !important;
		background-position: center top !important;
		height: 25vw
	}
	.model5-wrap a span{
		font-size: 3.46vw;
	}
	.model5-wrap a span h5{
		font-size: 3.2vw;
	}
	.model6-wrap a{
		width: 50%;
		height: 60vw
	}
	.model6-wrap a .text-bg{
		height: 10vw
	}
	.model6-wrap a .text-bg .text-area h3{
		padding: 0 4vw;
		line-height: 10vw;
		font-size: 3.46vw;
	}
	.model6-wrap a.active .text-bg .text-area h3,.model6-wrap a:hover .text-bg .text-area h3{
		font-size: 4vw;
		line-height: 5.5vw
	}
	.model6-wrap a .text-bg .text-area span{
		height: 10vw;
		line-height: 10vw;
		font-size: 3.46vw;
	}
	.model6-wrap a .text-bg .text-area p{
		max-height: 9rem
	}
	.model7-wrap{
		margin-bottom: 6vw;
		border: none;
		border-top: 1px solid #e9e9e9
	}
	.model7-wrap a{
		width: 100%;
		border: 1px solid #e9e9e9 !important;
		border-top: none !important;
		padding: 3vw;
	}
	.model7-wrap a .img-area{
		width: 30%;
		height: auto;
	}
	.model7-wrap a .text-area{
		width: 66%
	}
	.model7-wrap a .text-area p{
		height: 1.7rem
	}
	.model7-wrap a .text-area h3{
		margin: 1.5vw 0
	}
	.index-model8{
		padding-bottom: 0
	}
	.model8-wrap{
		height: auto;
		flex-wrap: wrap;
		margin: 6vw -15px 0
	}
	.model8-wrap .model8-content{
		width: 50%;
		padding: 0 3vw;
		padding-bottom: 4vw
	}
	.model8-wrap .model8-content .img-area{
		padding-top: 5vw;
		line-height: 10vw
	}
	.model8-wrap .model8-content .img-area img{
		max-height: 8vw
	}
	.model8-wrap .model8-content h3{
		font-size: 4vw;
		margin-top: 1.5vw
	}
	.model8-wrap .model8-content p{
		font-size: 3.2vw;
		line-height: 5.5vw;
		height: 11vw;
		overflow-y: auto;
		margin: 3vw auto
	}
	.bianjiqu4{
		height: auto;
		flex-wrap: wrap;
		margin: 6vw -15px 0
	}
	.bianjiqu4 .bianjiqu4-content{
		width: 50%;
		padding: 0 3vw;
		padding-bottom: 4vw
	}
	.bianjiqu4 .bianjiqu4-content .img-area{
		padding-top: 5vw;
		line-height: 10vw
	}
	.bianjiqu4 .bianjiqu4-content .img-area img{
		max-height: 8vw
	}
	.bianjiqu4 .bianjiqu4-content h3{
		font-size: 4vw;
		margin-top: 1.5vw
	}
	.bianjiqu4 .bianjiqu4-content p{
		font-size: 3.2vw;
		line-height: 5.5vw;
		height: 11vw;
		overflow-y: auto;
		margin: 3vw auto
	}
	.common-footer{
		padding: 8vw 15px 5vw
	}
	.common-footer .logo-area{
		width: 100%;
		float: none;
		margin: 0
	}
	.common-footer .logo-area > a{
		width: 50%
	}
	.common-footer .logo-area .text-area a{
		font-size: 4vw;
		line-height: 5vw;
		font-style: normal
	}
	.common-footer .erweima-area{
		float: none;
		margin-top: 4vw;
		justify-content: space-around;
		align-items: flex-start
	}
	.common-footer .erweima-area .erweima-content{
		margin-left: 0;
		flex-wrap: wrap;
		justify-content: center;
	}
	.common-footer .erweima-area .erweima-content .text-area{
		width: 100%;
		text-align: center;
		margin: 3vw 0 0
	}
	.footer-nav-wrap{
		display: none
	}
	.copy-footer{
		padding: 6vw 15px 21vw;
	}
	.copy-footer .design-area{
		float: left;
		width: 100%;
	}
	.undefined-wrap h2{
		font-size: 10vw;
		line-height: 10vw;
	}
	.undefined-wrap h3{
		font-size: 5vw;
		line-height: 6vw;
		margin-top: 2vw
	}
	.undefined-wrap a{
		height: 8vw;
		line-height: 8vw;
		padding: 0 5vw;
		font-size: 3.46vw;
		margin-top: 8vw
	}
	.undefined-outer-wrap{
		background-size: auto 100%
	}
	.inner-nav-wrap{
		position: relative;
		bottom: auto;
		left: auto;
		background: #333;
		height: auto;
		line-height: 10vw;
		font-size: 0;
		margin: 0 -15px;
		width: auto;
		flex-wrap: wrap;
	}
	.inner-nav-wrap a{
		width: 50%;
		display: inline-block;
		line-height: 10vw;
		padding: 0 4vw;
		font-size: 3.46vw;
		background: none;
		flex: none;
	}
	.inner-nav-wrap a:nth-of-type(2n){
		background: none;
	}
	.list-title-wrap{
		padding: 4vw 0 6vw;
	}
	.list-title-wrap h2{
		font-size: 24px;
		line-height: 10vw;
	}
	.list-title-wrap i{
		margin-top: 2vw
	}
	.product-list-wrap{
		background: none
	}
	.product-list-wrap a{
		width: 100%;
		margin-top: 0;
		margin-bottom: 4vw;
		padding: 3vw 0
	}
	.product-list-wrap a img{
		height: 55vw
	}
	.product-list-wrap a h3{
		padding: 2vw 4vw
	}
	.product-list-wrap a p{
		font-size: 3.2vw;
		line-height: 5vw;
		height: auto;
		max-height: 15vw;
		padding: 0 4vw
	}
	.product-detail-wrap .left-area{
		display: none
	}
	.list-title-wrap .edit-wrap{
		margin-top: 4vw;
		font-size: 3.46vw;
		line-height: 5.5vw
	}
	.product-detail-wrap{
		background: none;
		padding-top: 6vw
	}
	.detail-title-area{
		padding-bottom: 2vw;
	}
	.detail-title-area::after{
		width: 16vw
	}
	.detail-title-area span{
		font-size: 24px;
		line-height: 24px;
	}
	.detail-img-list{
		padding: 6vw 0;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.detail-img-list .content-area{
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
		height: auto;
		width: auto;
		padding: 0 20px
	}
	.detail-pages{
		flex-wrap: wrap
	}
	.detail-pages a{
		width: 100%;
		height: 10vw;
	}
	.detail-pages a img{
		display: none
	}
	.detail-pages a span{
		max-width: 100%
	}
	.inner-banner-wrap .banner-text{
		font-size: 5.5vw;
	}
	.detail-bottom-wrap{
		padding: 8vw 15px 6vw
	}
	.common-title.mode3 h3{
		font-size: 5vw;
		line-height: 6vw;
	}
	.list-app-wrap{
		justify-content: space-between;
	}
	.list-app-wrap a{
		width: 48%;
		margin: 0 0 4vw 0 !important
	}
	.list-app-wrap a .img-area{
		height: 35vw;
		line-height: 35vw
	}
	.list-app-wrap a .text-area{
		height: 10vw
	}
	.list-app-wrap a .text-area h3{
		font-size: 3.46vw;
		line-height: 10vw
	}
	.honor-list-wrap a{
		height: 11vw;
		border-radius: 1vw;
		padding: 0 3vw;
		margin-bottom: 3vw
	}
	.honor-list-wrap a span{
		font-size: 3.46vw;
	}
	.honor-list-wrap a i{
		width: 5vw;
		height: 4vw;
	}
	.image-window{
		padding: 5vw;
		overflow: visible
	}
	.image-window i{
		right: 50%;
		top: auto;
		bottom: -10vw;
		transform: translateX(50%);
		width: 6vw;
		height: 6vw;
		line-height: 5.8vw;
		font-size: 5vw;
		background: rgba(255,255,255,.8);
		color: #333;
	}
	.news-content-wrap{
		padding: 4vw;
		margin-bottom: 4vw
	}
	.news-content-wrap .img-area{
		width: 100%;
		height: 100%;
	}
	.news-content-wrap .text-area{
		width: 100%
	}
	.news-content-wrap .text-area i{
		height: 6vw;
		line-height: 6vw;
		padding: 0 3vw;
		font-size: 3.2vw;
		margin-top: 4vw
	}
	.news-content-wrap .text-area h3{
		padding: 3vw 0 !important;
		font-size: 4.2vw !important;
		line-height: 5vw;
	}
	.news-content-wrap .text-area h4{
		font-size: 3.2vw !important;
		line-height: 3.3vw;
		margin-bottom: 4vw !important
	}
	.news-content-wrap .text-area p{
		font-size: 3.46vw;
		line-height: 5.5vw;
		max-height: 11vw;
	}
	.news-list-wrap{
		padding: 6vw 0
	}
	.detail-news-left{
		float: right;
		width: 100%
	}
	.detail-news-right{
		float: left;
		width: 100%;
		margin-top: 6vw
	}
	.detail-news-left > h3{
		font-size: 5vw;
		line-height: 5vw;
		padding:8vw 0 5vw
	}
	.news-title-wrap{
		text-align: left
	}
	.news-title-wrap h1{
		font-size: 5vw;
		line-height: 6vw;
	}
	.news-title-wrap h4{
		font-size: 3.2vw;
		line-height: 4vw;
		padding: 2vw 0
	}
	.detail-news-left .left-list a{
		padding: 3vw;
	}
	.detail-news-left .left-list a .img-area{
		height: 50vw
	}
	.contact-map{
		height: 40vw
	}
	.contact-wrap{
		padding: 4vw 0;
		flex-wrap: wrap
	}
	.contact-wrap .contact-content{
		width: 100%;
		line-height: 10vw;
	}
	.contact-wrap .contact-content img{
		width: 5vw
	}
	.contact-wrap .contact-content span{
		font-size: 4vw;
	}
	.contact-wrap .contact-content a{
		font-size: 5vw
	}
	.contact-wrap .contact-content em{
		font-size: 3vw;
	}
	.contact-title-wrap{
		padding: 6vw 0
	}
	.contact-title-wrap h2{
		font-size: 5vw;
		line-height: 6vw;
	}
	.contact-title-wrap i{
		margin: 3vw auto
	}
	.job-content img{
		width: 20vw
	}
	.job-content h4{
		margin: 4vw auto
	}
	.history-wrap .line-area{
		display: none
	}
	.history-date .title-area{
		margin: 4vw 0 2vw
	}
	.history-date .title-area h3{
		font-size: 5vw;
		line-height: 5vw;
	}
	.history-date .title-area h3 i{
		border-top: 2vw solid #e75113;
		right: -4vw;
		margin-top: -1vw
	}
	.history-date .content-area span{
		width: 100%;
		font-size: 3.73vw;
		text-align: left;
		padding: 0
	}
	.history-date .content-area span img{
		display: none
	}
	.history-date .content-area p{
		font-size: 3.2vw;
		line-height: 5.5vw;
	}
}
@media (max-width:1400px) {
	.common-pc-nav .logo-area{
		width: 21%;
	}
	.common-pc-nav .pc-nav-wrap .pc-nav-content{
		margin-right: 6px;
	}
}
@media (max-width: 1025px) {
	.index-model1 .model1-content img{
		max-width: 60%;
		right: -5vw;
		bottom: -5vw
	}
}
@media (min-width:1280px) and (max-width: 1600px) {
	.common-pc-nav .pc-nav-wrap .pc-nav-content{
	margin-right: 4px;
	}
}